<template>
  <div>
    <h1>{{title}}</h1>
    <h2>学生姓名{{name}}</h2>
    <!-- 使用接收到的数据 -->
    <h2>学生年龄{{ myage }}</h2>
    <button @click="updateAge">年龄+1</button>
  </div>
</template>

<script>
export default {
    name: 'Student',
    data(){
        console.log(this)
        return {
            title: '学生信息',
            myage: this.age
        }
    },
    // 接收父组件传递的数据，方式1 
    // 由属性名组成的字符串数组，顺序可以和传入的顺序不一致
    // props: ['age','name'],
    // 对象形式
    // props: {
    //   name: String,
    //   age: Number
    // },
    props: {
      name: {
        type: String,
        required: true
      },
      age: {
        type: Number,
        default: 22
      }
    },
    methods: {
      updateAge(){
        this.myage++
      }
    }

}
</script>

<style>

</style>